<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>css3选择器优先级</title>
    <style type="text/css">
    /* 我们分别使用id选择器、类选择器、标签选择器、通配符选择器给div设置不同的字体颜色 */
        #box{
            color:red;
        }
        .dv{
            color:blue;
        }
        div{
            color:black;
        }
        *{
            color:green;
        }
    </style>
</head>

<body>
    <!-- 我们给一个div分别设置了id、class属性，然后写了行内样式 -->
    <div id="box" class="dv" style="color:orange">
        我是一个div
    </div>
</body>

</html>
<!-- 选择器的优先级依次是: 内联样式 > id选择器 > 类选择器 > 标签选择器 > 通配符选择器 -->